<template>
  <div class="box">
    <el-form-item label="是否展示">
      <el-switch v-model="axisLabel.show"></el-switch>
    </el-form-item>
    <el-form-item label="文本颜色">
      <el-color-picker v-model="axisLabel.color" show-alpha></el-color-picker>
      <!-- <el-input v-model="_yAxis.name" placeholder="请输入名称"> </el-input> -->
    </el-form-item>
    <el-form-item label="文本字号">
      <el-input-number
        v-model="axisLabel.fontSize"
        :max="99"
        :min="10"
        :step="1"
      >
      </el-input-number>
    </el-form-item>
    <el-form-item label="角度">
      <el-input-number v-model="axisLabel.rotate" :max="99" :min="10" :step="1">
      </el-input-number>
    </el-form-item>
    <el-form-item label="格式化">
      <el-input v-model="axisLabel.formatter" placeholder="请输入内容">
      </el-input>
    </el-form-item>
  </div>
</template>

<script>
export default {
  name: 'AxisLabel',
  inject: ['father'],
  computed: {
    axisLabel: {
      get() {
        return this.father.echartsOptions.yAxis.axisLabel;
      },
      set(val) {
        this.father.echartsOptions.yAxis.axisLabel = val;
      }
    }
  },
  mounted() {},
  methods: {}
};
</script>

<style scoped>
</style>